
<template>
	<div class="gongyingshangshangpin">
    <div v-if="!shoujiban">
      <left></left>
      <div class="right">
        <div style="height: 91px; border-bottom: 1px solid rgb(227, 232, 241); width: 100%; padding: 0 30px;" class="flexbc">
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/' }">订单管理</el-breadcrumb-item>
            <el-breadcrumb-item>分销商订单</el-breadcrumb-item>
          </el-breadcrumb>
          <top></top>
        </div>
        <div style=" padding: 37px 30px 0 30px; height: calc(100vh - 91px); overflow: auto;">
          <div style="height: 248px; background: rgb(255, 255, 255); border-radius: 20px; padding: 20px;" class="flexb">

            <div class="flex">
              <div>
                <div style="margin-bottom: 10px;">分销商</div>
                <div><el-input v-model="search.agent" style="width: 200px; margin-right: 30px;" placeholder="请输入"></el-input></div>
              </div>
              <div>
                <div style="margin-bottom: 10px;">订单状态</div>
                <div class="flexc">
                  <div><el-select clearable filterable style="width: 200px; margin-right: 30px;" v-model="search.status" placeholder="请选择">
                      <el-option
                        v-for="item in orderoptions"
                        :key="item.key"
                        :label="item.value"
                        :value="item.key">
                      </el-option>
                    </el-select>
                  </div>
                </div>
              </div>
              <div>
                <div style="margin-bottom: 10px;">商品名称</div>
                <div><el-select clearable filterable style="width: 240px; margin-right: 30px;" v-model="search.goods_name" placeholder="请选择">
                      <el-option
                        v-for="item in selleroptions"
                        :key="item.id"
                        :label="item.title"
                        :value="item.title">
                      </el-option>
                    </el-select>
                  </div>
              </div>
              <div>
                <div style="margin-bottom: 10px;">激活状态</div>
                <div><el-select clearable filterable style="width: 200px; margin-right: 30px;" v-model="search.active_status" placeholder="请选择">
                      <el-option
                        v-for="item in activeoptions"
                        :key="item.key"
                        :label="item.value"
                        :value="item.key">
                      </el-option>
                    </el-select>
                  </div>
              </div>
            </div>
            <div class="flex" style="margin-top: 30px;">
              <div>
                <div style="margin-bottom: 10px;">订单 ID</div>
                <div><el-input v-model="search.order_no" style="width: 200px; margin-right: 30px;" placeholder="请输入"></el-input></div>
              </div>
              <div>
                <div style="margin-bottom: 10px;">身份证号</div>
                <div class="flexc">
                  <div><el-input v-model="search.id_card_num" style="width: 300px; margin-right: 30px;" placeholder="请输入"></el-input></div>
                </div>
              </div>
              <div>
                <div style="margin-bottom: 10px;">收件人电话</div>
                <div><el-input v-model="search.address_mobile" style="width: 200px; margin-right: 30px;" placeholder="请输入"></el-input></div>
              </div>
              <div>
                <div style="margin-bottom: 10px;">生产号码</div>
                <div><el-input v-model="search.plan_mobile_produce" style="width: 200px; margin-right: 30px;" placeholder="请输入"></el-input></div>
              </div>
              <!-- <div>
                <div style="margin-bottom: 10px;">物流单号</div>
                <div><el-input v-model="search.tracking_number" style="width: 200px; margin-right: 30px;" placeholder="请输入"></el-input></div>
              </div> -->
            </div>
          </div>
          <div class="flex" style="margin-top: 20px;align-items: center;">
            <el-date-picker
              class="t_del_com"
              v-model="search.start_time"
              value-format="yyyy-MM-dd HH:mm:ss"
              type="datetime"
              placeholder="选择日期时间">
            </el-date-picker>
            <span style="margin-left: 10px;margin-right: 10px;color: #AFB3BC;">-</span>
            <el-date-picker
              class="t_del_com"
              v-model="search.end_time"
              value-format="yyyy-MM-dd HH:mm:ss"
              type="datetime"
              placeholder="选择日期时间">
            </el-date-picker>
          </div>
          <div class="flex" style="margin-top: 20px;">
              <div style="margin-right: 20px;">
                <div><el-button type="primary" round @click="searchbtn" >搜索</el-button></div>
              </div>
              <div style="margin-right: 20px;">
                <div><el-button round @click="resetbtn" >重置</el-button></div>
              </div>
          </div>
          <div>
            <!-- 列表 -->
            <!-- tab -->
            <div class="t_list_tab_box">
              <div class="t_choose_tab_box">
                <div @click="choosetabbtn(1)"
                :class="{t_tab_title_lei:nowtab==1}" class="t_tab_title">
                  全部订单
                  <div class="t_under_line" :class="{t_under_line_lei:nowtab==1}"></div>
                </div>
                <div @click="choosetabbtn(2)"
                :class="{t_tab_title_lei:nowtab==2}"
                class="t_tab_title" style="margin-left: 40px;margin-right: 40px;">
                  证件不合格
                  <div class="t_under_line" :class="{t_under_line_lei:nowtab==2}"></div>
                </div>
                <div @click="choosetabbtn(3)"
                :class="{t_tab_title_lei:nowtab==3}"
                class="t_tab_title">
                  开卡失败
                  <div class="t_under_line" :class="{t_under_line_lei:nowtab==3}"></div>
                </div>
              </div>
              <el-pagination :page-size="search.page_size"
              @current-change = 'pagechange'
              style="margin-bottom: 10px;" background layout="prev,pager,next,total,jumper" :total=total></el-pagination>
            </div>
            <!-- 表头 -->
            <div class="t_table_header_box">
              <div class="t_tab_w1">订单信息</div>
              <div class="t_tab_w2">时间排序<i class="el-icon-sort" @click="changesort" style="margin-left: 10px;cursor: pointer;"></i></div>
              <div class="t_tab_w3">收件人管理</div>
              <div class="t_tab_w4">备注&失败原因</div>
              <div class="t_tab_w5">订单状态</div>
              <div class="t_tab_w6">生产信息</div>
              <div class="t_tab_w7">操作</div>
            </div>
            <!-- 列表 -->
            <div class="t_table_list_con" v-for="(item,index) in list" :key="index">
              <div class="t_table_list_top" >
                <div >
                  订单ID：{{ item.order_no }}
                  <i class="el-icon-document-copy"
                  @click="copy(item.order_no)"
                  style="margin-left: 10px;cursor: pointer;"></i>
                </div>
                <div style="margin-left: 60px;margin-right: 60px;">分销商：{{ item.name }}</div>
                <div style="margin-left: 60px;margin-right: 60px;">发展人名称：{{ item.share_name }}</div>
                <div >平台创建时间：{{ item.created_at }}</div>
              </div>
              <div class="t_table_list_con_con" >
                <div style="width: 25%;">
                  <div class="t_item_info"><span class="t_table_list_con_title">商品名称：</span>{{ item.goods_name }}</div>
                  <div class="t_item_info"><span class="t_table_list_con_title">商品编码：</span>{{ item.goods_sku }}</div>
                  <div class="t_item_info"><span class="t_table_list_con_title">购买号码：</span>{{ item.plan_mobile }}</div>
                </div>

                <div class="t_tab_w3">
                  <div class="t_item_info">
                    <span class="t_table_list_con_title">证件姓名：</span>{{ item.id_card_name }}
                    <span class="t_table_list_con_title" style="margin-left: 20px;">收件人：</span>{{ item.address_name }}
                  </div>
                  <div class="t_item_info">
                    <span class="t_table_list_con_title">证件号码：</span>{{ item.id_card_num }}
                    <el-button @click="checkimg(item)" style="margin-left: 10px;" type="text">查看证件</el-button>
                    <el-button @click="jiemi(item,1)" type="text">查看完整信息</el-button>
                  </div>
                  <div class="t_item_info"><span class="t_table_list_con_title">联系电话：</span>{{ item.address_mobile }}</div>
                  <div class="t_item_info"><span class="t_table_list_con_title">收货地址：</span>{{ item.address_province }}{{ item.address_city }}{{ item.address_district }}{{ item.address }}</div>
                </div>
                <div class="t_tab_w4" style="box-sizing: border-box;padding-right: 20px;">{{ item.reason }}</div>
                <div class="t_tab_w5">
                  <div class="t_item_info">{{ item.status_name }}</div>
                  <div class="t_item_info"><span class="t_table_list_con_title">激活状态：</span>{{ item.active_name }}</div>
                  <div class="t_item_info" v-if="item.active_name=='激活且充值'" ><span class="t_table_list_con_title">金额：</span>{{ item.recharge_amount }}</div>
                </div>
                <div class="t_tab_w6">
                  <div class="t_item_info"><span class="t_table_list_con_title">生产号码：</span>{{ item.plan_mobile_produce }}</div>
                  <div class="t_item_info"><span class="t_table_list_con_title">物流公司：</span><span style="color: #409EFF;" @click="wuliu(item)">{{ item.tracking_company_id }}</span></div>
                  <div class="t_item_info"><span class="t_table_list_con_title">物流单号：</span>{{ item.tracking_number }}</div>
                </div>
                <div class="t_tab_w7" style="display: flex;flex-direction: column;">
                  <el-button style="margin-bottom: 20px;margin-top: 2px;" type="text" @click="editorderbtn(item)">修改订单</el-button>
                  <el-button v-if="item.status==150||item.status==-460" @click="giveup(item.order_id)" style="margin-left: 0;margin-bottom: 20px;" class="t_button_style" type="text">放弃订单</el-button>
                  <el-dropdown @command="handleCommand($event,item)"  trigger="click">
                    <span class="el-dropdown-link">
                      更多<i class="el-icon-arrow-down el-icon--right"></i>
                    </span>
                    <el-dropdown-menu  slot="dropdown">
                      <el-dropdown-item command="a">修改商品</el-dropdown-item>
                      <el-dropdown-item command="b">修改照片</el-dropdown-item>
                      <el-dropdown-item command="c">重提订单</el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
              </div>
            </div>
          </div>
		  <!-- <footers></footers> -->
        </div>
      </div>
    </div>

    <!-- 修改商品 -->
    <el-dialog
    title="修改商品"
    :visible.sync="isshoweditseller"
    :close-on-click-modal=false
    width="440px">
      <div style="margin-bottom: 20px;">
        <div class="t_change_seller_title">通过商品名称修改</div>
        <el-select style="width: 100%;" @change="checkchengname" filterable :disabled="disablename" clearable v-model="goods_name" placeholder="请选择">
          <el-option
            v-for="item in selleroptions"
            :key="item.id"
            :label="item.title"
            :value="item.id">
          </el-option>
        </el-select>
      </div>
      <div style="margin-bottom: 20px;">
        <div class="t_change_seller_title">通过商品编码修改</div>
        <el-input @blur="checkskures" @input="checkchengsku" :disabled="disablesku"  v-model="goods_sku" placeholder="请输入内容"></el-input>
      </div>
      <div style="margin-bottom: 30px;">
        <div class="t_change_seller_title">查询结果</div>
        <el-input  :disabled="true" resize="none" type="textarea" rows="5" v-model="skucheckres" placeholder=""></el-input>
      </div>
      <div style="text-align: right;">
        <el-button round @click="isshoweditseller = false">取 消</el-button>
        <el-button round type="primary" @click="upeditseller">确 定</el-button>
      </div>
  </el-dialog>
  <!-- 修改订单 -->
  <el-dialog
  title="修改订单信息"
  :visible.sync="isshoweditorder"
  width="560px"
  :close-on-click-modal='false'>
    <div>
      <div style="display: flex;" v-if="!shoujiban" >
        <div style="margin-bottom: 20px;">
          <div class="t_change_seller_title">收货人</div>
          <el-input style="width: 250px;"   v-model="changeorderinfo.address_name" placeholder="请输入收货人名称"></el-input>
        </div>
        <div style="margin-bottom: 20px;margin-left: 20px;">
          <div class="t_change_seller_title">身份证姓名</div>
          <el-input style="width: 250px;"   v-model="changeorderinfo.id_card_name" placeholder="请输入身份证姓名"></el-input>
        </div>
      </div>
      <div v-if="shoujiban" >
        <div style="margin-bottom: 20px;">
          <div class="t_change_seller_title">收货人</div>
          <el-input style="width: 250px;"   v-model="changeorderinfo.address_name" placeholder="请输入收货人名称"></el-input>
        </div>
        <div style="margin-bottom: 20px;">
          <div class="t_change_seller_title">身份证姓名</div>
          <el-input style="width: 250px;"   v-model="changeorderinfo.id_card_name" placeholder="请输入身份证姓名"></el-input>
        </div>
      </div>
      <div style="margin-bottom: 20px;">
        <div class="t_change_seller_title">身份证号</div>
        <el-input   v-model="changeorderinfo.id_card_num" placeholder="请输入身份证号"></el-input>
      </div>
      <div style="margin-bottom: 20px;">
        <div class="t_change_seller_title">联系电话</div>
        <el-input style="width: 250px;"   v-model="changeorderinfo.address_mobile" placeholder="请输入联系电话"></el-input>
      </div>
      <div style="margin-bottom: 20px;">
        <div class="t_change_seller_title" style="display: flex; justify-content: space-between;">
          <div>收货地址</div>
          <div @click="showzdy" style="font-size:12px;color:#AFB3BC;cursor: pointer;">
            没有找到省市区？手动填写
          </div>
        </div>
        <el-cascader style="width: 100%;margin-bottom: 10px;" @change="changeaddress" v-model="localcitycode" :options="options">
				</el-cascader>
        <div v-if="isshowzdyshq" style="display: flex;margin-bottom: 10px;">
          <el-input @input="inputaddress"  v-model="province_z" placeholder="省"></el-input>
          <el-input @input="inputaddress"  style="margin-left: 10px;margin-right: 10px;" v-model="city_z" placeholder="市"></el-input>
          <el-input @input="inputaddress"   v-model="district_z" placeholder="区"></el-input>
        </div>
        <el-input   v-model="changeorderinfo.address" placeholder="请输入收货地址"></el-input>
      </div>
    </div>
    <div style="text-align: right;margin-top: 90px;">
      <el-button round @click="upeditorder(0)">仅保存</el-button>
      <el-button round type="primary" @click="upeditorder(1)">保存并提交至初审</el-button>
    </div>
  </el-dialog>
  <!-- 修改照片 -->
  <el-dialog
    title='身份证照片'
    :center="true"
    :visible.sync="isshoweditimg"
    :close-on-click-modal=false
    width="1240px">
      <div>
        <div class="t_photo_top">
          <div v-if="checkimgtype==1" style="font-size: 18px;">查看照片</div>
          <div v-if="checkimgtype==2" style="font-size: 18px;">修改照片</div>
          <!-- <el-button type="text">复制订单专属照片上传链接</el-button> -->
        </div>
        <div v-if="checkimgtype==2 && !shoujiban" class="t_img_list_box">
          <div class="t_img_item">
            <chuantu2 :widths="'380px'" :heights="'230px'" :bg="'#F6F8FB'" :imgs="card_img_1" @getimg="getimg1" :bgimg="1"  ></chuantu2>
            <div class="t_img_tips">补充正面照片</div>
          </div>
          <div class="t_img_item">
            <chuantu2 :widths="'380px'" :heights="'230px'" :bg="'#F6F8FB'" :imgs="card_img_2" @getimg="getimg2" :bgimg="2" ></chuantu2>
            <div class="t_img_tips">补充反面照片</div>
          </div>
          <div class="t_img_item">
            <chuantu2 :widths="'380px'" :heights="'230px'" :bg="'#F6F8FB'" :imgs="card_img_3" @getimg="getimg3" :bgimg="3" ></chuantu2>
            <div class="t_img_tips">补充免冠照片</div>
          </div>
        </div>
        <div v-if="checkimgtype==2 && shoujiban"  style="margin-top: 0.2rem;">
          <div class="t_img_item" style="margin-bottom: 0.2rem;">
            <chuantu2 :widths="'100%'" :heights="'230px'" :bg="'#F6F8FB'" :imgs="card_img_1" @getimg="getimg1" :bgimg="1"  ></chuantu2>
            <div class="t_img_tips">补充正面照片</div>
          </div>
          <div class="t_img_item" style="margin-bottom: 0.2rem;">
            <chuantu2 :widths="'100%'" :heights="'230px'" :bg="'#F6F8FB'" :imgs="card_img_2" @getimg="getimg2" :bgimg="2" ></chuantu2>
            <div class="t_img_tips">补充反面照片</div>
          </div>
          <div class="t_img_item" style="margin-bottom: 0.2rem;">
            <chuantu2 :widths="'100%'" :heights="'230px'" :bg="'#F6F8FB'" :imgs="card_img_3" @getimg="getimg3" :bgimg="3" ></chuantu2>
            <div class="t_img_tips">补充免冠照片</div>
          </div>
        </div>
        <div v-if="checkimgtype==1 && !shoujiban" class="t_img_list_box">
          <div class="t_img_item">
            <img v-if="card_img_1" class="t_check_old_img" :src="card_img_1" alt="">
            <img v-else class="t_check_old_img" src="@/../static/img/face1.png" alt="">
            <div class="t_img_tips">补充正面照片</div>
          </div>
          <div class="t_img_item">
            <img v-if="card_img_2" class="t_check_old_img" :src="card_img_2" alt="">
            <img v-else class="t_check_old_img" src="@/../static/img/face2.png" alt="">
            <div class="t_img_tips">补充反面照片</div>
          </div>
          <div class="t_img_item">
            <img v-if="card_img_3" class="t_check_old_img" :src="card_img_3" alt="">
            <img v-else class="t_check_old_img" src="@/../static/img/face3.png" alt="">
            <div class="t_img_tips">补充免冠照片</div>
          </div>
        </div>
        <div v-if="checkimgtype==1 && shoujiban" >
          <div class="t_img_item" style="margin-bottom: 0.2rem;">
            <img v-if="card_img_1" class="t_check_old_img" :src="card_img_1" alt="">
            <img v-else class="t_check_old_img" src="@/../static/img/face1.png" alt="">
            <div class="t_img_tips">补充正面照片</div>
          </div>
          <div class="t_img_item" style="margin-bottom: 0.2rem;">
            <img v-if="card_img_2" class="t_check_old_img" :src="card_img_2" alt="">
            <img v-else class="t_check_old_img" src="@/../static/img/face2.png" alt="">
            <div class="t_img_tips">补充反面照片</div>
          </div>
          <div class="t_img_item" style="margin-bottom: 0.2rem;">
            <img v-if="card_img_3" class="t_check_old_img" :src="card_img_3" alt="">
            <img v-else class="t_check_old_img" src="@/../static/img/face3.png" alt="">
            <div class="t_img_tips">补充免冠照片</div>
          </div>
        </div>
      </div>

      <div v-if="checkimgtype==2" style="text-align: center;margin-top: 50px;">
        <el-button round type="primary" @click="upediteimg">保存</el-button>
      </div>
  </el-dialog>
  <el-dialog title="物流详情" :visible.sync="wuliuxiangqinglog" width="600px" :close-on-click-modal="false">
  	<div v-if="wuliuxiangqingall.Traces">
      <el-timeline>
          <el-timeline-item v-for="(activity, index) in wuliuxiangqingall.Traces" :key="index" :timestamp="activity.AcceptTime">
            {{activity.AcceptStation}}
          </el-timeline-item>
        </el-timeline>
  	</div>
    <div v-if="wuliuxiangqingall.Reason">{{wuliuxiangqingall.Reason}}</div>
  	<div slot="footer" class="dialog-footer">
  		<el-button type="primary" round @click="wuliuxiangqinglog = false">确 定</el-button>
  	</div>
  </el-dialog>

  <!-- 手机版 -->
    <div v-if="shoujiban" style=" color: rgb(2, 12, 29); font-size: 0.24rem; background: #f6f8fb; padding-top: 1rem;">
      <topandleft></topandleft>
      <div style="background: #fff; padding: 0.3rem;">
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="width: 2px; height: 0.2rem; background: rgb(2, 12, 29); margin-right: 10px; overflow: hidden;"></div>
          <div style="font-size: 0.36rem; font-weight: bold;">订单管理</div>
        </div>
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="color: rgb(175, 179, 188);">首页</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div style="color: rgb(175, 179, 188);">订单管理</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div>分销商订单管理</div>
        </div>
      </div>
      <div style="padding: 0.3rem;">
        <div style=" background: #fff; padding: 0.2rem; border-radius: 0.2rem;">
          <div><el-input v-model="search.source" style="width: 100%; margin-bottom: 0.2rem;" placeholder="请输入订单来源"></el-input></div>
          <div><el-select clearable filterable style="width: 100%; margin-bottom: 0.2rem;" v-model="search.status" placeholder="请选择订单状态">
              <el-option
                v-for="item in orderoptions"
                :key="item.key"
                :label="item.value"
                :value="item.key">
              </el-option>
            </el-select>
          </div>
          <div><el-select clearable filterable style="width: 100%; margin-bottom: 0.2rem;" v-model="search.goods_name" placeholder="请选择商品">
                <el-option
                  v-for="item in selleroptions"
                  :key="item.id"
                  :label="item.title"
                  :value="item.title">
                </el-option>
              </el-select>
            </div>
          <div><el-select clearable filterable style="width: 100%; margin-bottom: 0.2rem;" v-model="search.active_status" placeholder="请选择激活状态">
                <el-option
                  v-for="item in activeoptions"
                  :key="item.key"
                  :label="item.value"
                  :value="item.key">
                </el-option>
              </el-select>
            </div>
          <div><el-input v-model="search.order_no" style="width: 100%; margin-bottom: 0.2rem;" placeholder="请输入订单 ID"></el-input></div>
          <div><el-input v-model="search.id_card_num" style="width: 100%; margin-bottom: 0.2rem;" placeholder="请输入身份证号"></el-input></div>
          <div><el-input v-model="search.address_mobile" style="width: 100%; margin-bottom: 0.2rem;" placeholder="请输入收件人电话"></el-input></div>
          <div><el-input v-model="search.plan_mobile_produce" style="width: 100%; margin-bottom: 0.2rem;" placeholder="请输入生产号码"></el-input></div>
          <div><el-input v-model="search.tracking_number" style="width: 100%; margin-bottom: 0.2rem;" placeholder="请输入物流单号"></el-input></div>
          <div class="flexbc">
            <div class="datashow" @click="xuanshijianshow(1)" style="color: #C0C4CC;" v-if="!search.start_time">请选择开始日期</div>
            <div class="datashow" @click="xuanshijianshow(1)" v-if="search.start_time">{{search.start_time}}</div>
            <div >~</div>
            <div class="datashow" @click="xuanshijianshow(2)" style="color: #C0C4CC;" v-if="!search.end_time">请选择结束日期</div>
            <div class="datashow" @click="xuanshijianshow(2)" v-if="search.end_time">{{search.end_time}}</div>
          </div>
          <van-popup v-model="showdate" round position="bottom">
            <van-datetime-picker type="date" :min-date="minDate" title="选择时间"  @confirm="xuanshijian" @cancel="showdate = false"  />
          </van-popup>
          <!-- <div class="flexc">
            <el-date-picker
              style="width: 46%;"
              v-model="search.start_time"
              value-format="yyyy-MM-dd HH:mm:ss"
              type="datetime"
              placeholder="选择日期时间">
            </el-date-picker>
            <div style="width: 8%; text-align: center;">-</div>
            <el-date-picker
              style="width: 46%;"
              v-model="search.end_time"
              value-format="yyyy-MM-dd HH:mm:ss"
              type="datetime"
              placeholder="选择日期时间">
            </el-date-picker>
          </div> -->

          <div class="flexbc" style="margin-top: 0.2rem;">
              <div style="margin-right: 0.2rem;">
                <div><el-button type="primary" style="width: 4.6rem;" round @click="searchbtn" >搜索</el-button></div>
              </div>
              <div>
                <div><el-button round @click="resetbtn" >重置</el-button></div>
              </div>
          </div>
        </div>
        <div style="background: #fff; border-radius: 0.45rem; padding: 0.1rem; margin-top: 0.2rem;">
          <div class="flex">
            <div @click="choosetabbtn(1)" style="flex: 1; background: rgb(255, 255, 255); color: rgb(64, 66, 71); text-align: center; line-height: 0.7rem; border-radius: 0.35rem;" :class="{act:nowtab==1}">全部订单</div>
            <div @click="choosetabbtn(2)" style="flex: 1; background: rgb(255, 255, 255); color: rgb(64, 66, 71); text-align: center; line-height: 0.7rem; border-radius: 0.35rem;" :class="{act:nowtab==2}">证件不合格</div>
            <div @click="choosetabbtn(3)" style="flex: 1; background: rgb(255, 255, 255); color: rgb(64, 66, 71); text-align: center; line-height: 0.7rem; border-radius: 0.35rem;" :class="{act:nowtab==3}">开卡失败</div>
          </div>
        </div>
        <!-- 订单 -->
        <div style="margin-top: 0.2rem;">
          <van-list  v-model="loading"  :finished="finished"  finished-text="没有更多了"  @load="onLoad" style="min-height: 1rem;">
              <div v-for="item in list" :key="item.id">
                <div style="background: #fff; padding: 0.2rem; border-radius: 0.2rem;  margin-bottom: 0.2rem;">
                  <div style=" margin-bottom: 0.2rem;"><span class="t_table_list_con_title">订单ID：</span>{{ item.order_no }} <i class="el-icon-document-copy" @click="copy(item.order_no)"  style="margin-left: 10px;cursor: pointer;"></i></div>
                  <div style=" margin-bottom: 0.2rem;"><span class="t_table_list_con_title">订单来源：</span>{{ item.source }}</div>
                  <div style=" margin-bottom: 0.2rem;"><span class="t_table_list_con_title">平台创建时间：</span>{{ item.created_at }}</div>
                  <div style=" margin-bottom: 0.2rem;"><span class="t_table_list_con_title">商品名称：</span>{{ item.goods_name }}</div>
                  <div style=" margin-bottom: 0.2rem;"><span class="t_table_list_con_title">商品编码：</span>{{ item.goods_sku }}</div>
                  <div style=" margin-bottom: 0.2rem;"><span class="t_table_list_con_title">购买号码：</span>{{ item.plan_mobile }}</div>

                  <div style="font-size: 0.3rem; border-top: 1px #eaeaea solid; padding-top: 0.2rem; margin-bottom: 0.2rem;">订单信息</div>
                  <div ><span class="t_table_list_con_title">证件姓名：</span>{{ item.id_card_name }} <span class="t_table_list_con_title" style="margin-left: 20px;">收件人：</span>{{ item.address_name }}</div>
                  <div ><span class="t_table_list_con_title">
                    证件号码：</span>{{ item.id_card_num }}
                    <el-button @click="checkimg(item)" style="margin-left: 10px;" type="text">查看证件</el-button>
                    <el-button @click="jiemi(item,1)" type="text">查看完整信息</el-button>
                  </div>
                  <div >
                    <div style="margin-bottom: 0.2rem;"><span class="t_table_list_con_title">联系电话：</span>{{ item.address_mobile }}</div>
                  </div>
                  <div >
                    <div class="t_item_info"><span class="t_table_list_con_title">收货地址：</span>{{ item.address_province }}{{ item.address_city }}{{ item.address_district }}{{ item.address }}</div>
                  </div>
                  <div style="font-size: 0.3rem; border-top: 1px #eaeaea solid; padding-top: 0.2rem; margin-bottom: 0.2rem;">备注&失败原因</div>
                  <div style=" margin-bottom: 0.2rem;">
                    {{ item.reason }}
                  </div>
                  <div style="font-size: 0.3rem; border-top: 1px #eaeaea solid; padding-top: 0.2rem; margin-bottom: 0.2rem;">订单状态</div>
                  <div style=" margin-bottom: 0.2rem;">
                    <span class="t_table_list_con_title">订单状态：</span>{{ item.status_name }}
                  </div>
                  <div style=" margin-bottom: 0.2rem;">
                    <span class="t_table_list_con_title">激活状态：</span>{{ item.active_name }}
                  </div>
                  <div style=" margin-bottom: 0.2rem;">
                    <div class="t_item_info" v-if="item.active_name=='激活且充值'" ><span class="t_table_list_con_title">金额：</span>{{ item.recharge_amount }}</div>
                  </div>

                  <div style="font-size: 0.3rem; border-top: 1px #eaeaea solid; padding-top: 0.2rem; margin-bottom: 0.2rem;">生产信息</div>
                  <div style=" margin-bottom: 0.2rem;">
                    <span class="t_table_list_con_title">生产号码：</span>{{ item.plan_mobile_produce }}
                  </div>
                  <div style=" margin-bottom: 0.2rem;">
                    <span class="t_table_list_con_title" >物流公司：</span><span style="color: #409EFF;" @click="wuliu(item)">{{ item.tracking_company_id }}</span>
                  </div>
                  <div style=" margin-bottom: 0.2rem;">
                    <span class="t_table_list_con_title">物流单号：</span>{{ item.tracking_number }}
                  </div>
                  <div style="font-size: 0.3rem; border-top: 1px #eaeaea solid; padding-top: 0.2rem; margin-bottom: 0.2rem;">操作</div>
                  <div>
                    <el-button style="margin-bottom: 0.2rem;margin-top: 2px;" type="text" @click="editorderbtn(item)">修改订单</el-button>
                    <el-button  v-if="item.status==150||item.status==-460" @click="giveup(item.order_id)" style="margin-left: 0;margin-bottom: 0.2rem;" class="t_button_style" type="text">放弃订单</el-button>
                    <el-dropdown @command="handleCommand($event,item)"  trigger="click">
                      <span class="el-dropdown-link">
                        更多<i class="el-icon-arrow-down el-icon--right"></i>
                      </span>
                      <el-dropdown-menu  slot="dropdown">
                        <el-dropdown-item command="a">修改商品</el-dropdown-item>
                        <el-dropdown-item command="b">修改照片</el-dropdown-item>
                        <el-dropdown-item command="c">重提订单</el-dropdown-item>
                      </el-dropdown-menu>
                    </el-dropdown>
                  </div>
                </div>
              </div>
          </van-list>
        </div>

      </div>
    </div>


	</div>
</template>

<script>
  import QRCode from 'qrcodejs2'
  import left from '../left.vue'
  import top from '../top.vue'
  import footers from '../footer.vue'
  import chuantu2 from '@/components/chuantu2.vue'
  import topandleft from '../topandleft.vue'
  import {
		regionData,
		CodeToText,
		TextToCode
	} from "element-china-area-data";
	export default {
		name: 'fenxiaoshangdingdan',
    components:{
      left,top,chuantu2,topandleft,footers
    },
		data() {
			return {
        nowtab:1,
        list:[],
        total:0,
        search:{
          goods_name:'',
          page:1,
          page_size:20,
          agent:'',
          status:'',
          goods_sku:'',
          active_status:'',
          order_no:'',
          id_card_num:'',
          address_mobile:'',
          plan_mobile_produce:'',
          // tracking_number:'',
          start_time:'',
          end_time:'',
          sort:'desc',//排序  asc  升序 desc 降序
          sort_key:'created_at'
        },
        isshoweditseller:false,
        goods_name: '',
        goods_sku: '',
        skucheckres:'',
        disablename:false,
        disablesku:false,
        isshoweditimg:false,
        checkimgitem:{},
        activeoptions:[],
        orderoptions:[],
        selleroptions:[],
        isshoweditorder:false,
        options: regionData,
        localcitycode:'',
        changeorderinfo:{
          address_name:'',
          id_card_name:'',
          id_card_num:'',
          address_mobile:'',
          address:'',
          address_province:'',
          address_city:'',
          address_district:'',
          order_id:'',
          is_submit:''
        },
        province_z:'',
        city_z:'',
        district_z:'',
        card_img_1:'',
        card_img_2:'',
        card_img_3:'',
        checkimgtype:null,
        isshowzdyshq:false,
        spid:'',
        wuliuxiangqingall:"",
        wuliuxiangqinglog:false,
        shoujiban:false,
        loading: false,
        finished: false,
        showdate:false,
        whodata:"",
        minDate: new Date(2023, 0, 1)
			}
		},
		created() {
     //列表
     // this.getlist()
     //商品列表
     this.getshoplist()
     //激活状态
     this.getactivelist()
     //订单状态
     this.getorderactive()
		},
		mounted() {
      if(window.screen.width < 1080){
        this.shoujiban = true
        var h = document.documentElement.clientWidth / 7.5 + 'px';
        document.documentElement.style.fontSize = h;


      }else{
        this.getlist()
      }
		},
		methods: {
      xuanshijianshow:function(val){
        if(val == 1){
          this.showdate = true
          this.whodata = 'start_time'
        }
        if(val == 2){
          this.showdate = true
          this.whodata = 'end_time'
        }
      },
      xuanshijian:function(val){
        this.search[this.whodata] = moment(val).format('YYYY-MM-DD hh:mm:ss')
        this.showdate = false
      },
      onLoad() {
        axios.get('/own/my/order',{params:this.search}).then((response)=>{
        	if (response.data.msg.code == 0) {
            if(response.data.data.data.length > 0){
              response.data.data.data.forEach(item=>{
                this.list.push(item)
              })
              if (this.list.length >= response.data.data.total) {
                this.finished = true;
              }else{
                this.search.page++
                this.loading = false;
              }
            }else{
              this.finished = true;
            }

        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      wuliu:function(item){
        axios.post('/api/order/track/query',{order_id:item.order_no}).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.wuliuxiangqingall = response.data.data
            if(this.wuliuxiangqingall && this.wuliuxiangqingall.Traces){
            this.wuliuxiangqingall.Traces = this.wuliuxiangqingall.Traces.reverse()
            }
            this.wuliuxiangqinglog = true
        	} else {
        		if(response.data.msg.code == 444){

        		}else{
        		  this.$message.error(response.data.msg.info);
        		}
        	}
        })
      },
      //列表
      getlist(){
        axios.get('/own/agent/order',{params:this.search}).then((response)=>{
        	if (response.data.msg.code == 0) {
            console.log('列表')
            console.log(response.data.data)
            this.list = response.data.data.data
            this.total = response.data.data.total
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //商品列表
      getshoplist(){
        axios.get('/own/page/list?status=100',).then((response)=>{
        	if (response.data.msg.code == 0) {
            console.log('商品列表')
            console.log(response.data.data.data)
            this.selleroptions = response.data.data.data
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //激活状态
      getactivelist(){
        axios.get('/api/order/active_status/list',).then((response)=>{
        	if (response.data.msg.code == 0) {

            var arr = []
            for(let index in response.data.data){
                // console.log(index)//key
                // console.log(obj[index])//value
                arr.push({'key':index,'value':response.data.data[index]})
            }
            this.activeoptions = arr
            console.log('激活状态')
            console.log(arr)
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //订单状态
      getorderactive(){
        axios.get('/api/order/status/list',).then((response)=>{
        	if (response.data.msg.code == 0) {
            var arr = []
            for(let index in response.data.data){
                // console.log(index)//key
                // console.log(obj[index])//value
                arr.push({'key':index,'value':response.data.data[index]})
            }
            this.orderoptions = arr
            console.log('订单状态')
            console.log(arr)
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //切换tab
      choosetabbtn(i){
        this.nowtab = i
        console.log(this.nowtab)
        this.search.page=1
        if(i==1){
          this.search.status=''
        }
        if(i==2){
          this.search.status='-200'
        }
        if(i==3){
          this.search.status='-460'
        }
        if(window.screen.width < 1080){
          this.list = []
          this.loading = false;
          this.finished = false
        }else{
          this.getlist()
        }
      },
      //切换排序
      changesort(){
        if(this.search.sort=='asc'){
          this.search.sort='desc'
          this.getlist()
          return
        }
        if(this.search.sort=='desc'){
          this.search.sort='asc'
          this.getlist()
          return
        }
      },
      //搜索
      searchbtn(){
        this.search.page = 1
        if(window.screen.width < 1080){
          this.list = []
          this.loading = false;
          this.finished = false
        }else{
          this.getlist()
        }
      },
      //重置
      resetbtn(){
        this.search.page = 1
        this.search.agent = ''
        this.search.status = ''

        this.search.goods_name = ''
        this.search.goods_sku = ''
        this.search.active_status = ''
        this.search.order_no = ''
        this.search.id_card_num = ''
        this.search.address_mobile = ''
        this.search.plan_mobile_produce = ''
        // this.search.tracking_number = ''
        this.search.start_time = ''
        this.search.end_time = ''
        this.search.sort = 'asc'
      },
      //分页
      pagechange(val){
        console.log(val)
        this.search.page = val
        //列表
        this.getlist()
      },
      //复制功能
      copy: function(t) {
        var that = this;
        this.$copyText(t).then(res => {
            that.$message.success("复制成功");
        });
      },
      //放弃订单
      giveup(order_id){
        this.$confirm('是否确认放弃订单?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          axios.post('/own/order/status/set',{
            order_id:order_id,
            status:0
          }).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message({
              type: 'success',
              message: '操作成功!'
            });
            this.getlist()
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })

        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          });
        });
      },
      handleCommand(command,item){
        console.log(command)
        console.log(item)
        if(command=='c'){
          //重提订单
          this.$confirm('是否确认重提订单?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            axios.post('/own/order/submit',{
              id:item.order_id
              }).then((response)=>{
              if (response.data.msg.code == 0) {
                this.$message({
                  type: 'success',
                  message: '操作成功!'
                });

                this.getlist()
              } else {
                this.$message.error(response.data.msg.info);
              }
            })
          }).catch(() => {
            this.$message({
              type: 'info',
              message: '已取消'
            });
          });
        }
        if(command=='a'){
          //修改商品
          this.isshoweditseller = true
          this.checkimgitem = item
          this.goods_name = ''
          this.goods_sku = ''
          this.spid = ''
          this.disablename = false
          this.disablesku = false
          this.skucheckres = ''
        }
        if(command=='b'){
          //修改照片
          this.isshoweditimg = true
          this.checkimgitem = item
          this.card_img_1 = item.face_url
          this.card_img_2 = item.back_url
          this.card_img_3 = item.hand_url
          this.checkimgtype = 2
        }
      },

      //打开修改订单
      editorderbtn(item){
        this.jiemi(item,2)




        this.changeorderinfo.order_id = item.order_id
        this.isshoweditorder=true

        this.changeTextToCode(item.address_province,item.address_city,item.address_district)

      },
      //地区文字转编码
      changeTextToCode(province,city,district){
        var citycode = [];
        try {
          if (province != "") {
            citycode.push(TextToCode[province].code);
          }
          if (city != "") {
            citycode.push(
              TextToCode[province][city].code
            );
          }
          if (district != "") {
            citycode.push(
              TextToCode[province][city][district].code
            );
          }
          this.localcitycode = citycode
          this.isshowzdyshq = false
        }catch (e) {
          //手动
						console.log("没有在组件库找到此地址");
            this.isshowzdyshq = true
            this.province_z = province
            this.city_z = city
            this.district_z = district
				}

        this.changeorderinfo.address_province = province
        this.changeorderinfo.address_city = city
        this.changeorderinfo.address_district = district


      },
      //选择地址
      changeaddress(val){
        this.province_z = ''
        this.city_z = ''
        this.district_z = ''
        this.changeorderinfo.address_province = this.changeCodeToText(val[0])
        this.changeorderinfo.address_city = this.changeCodeToText(val[1])
        this.changeorderinfo.address_district = this.changeCodeToText(val[2])
      },
      //手动输入地址
      inputaddress(){
        this.localcitycode = []
        this.changeorderinfo.address_province = this.province_z
        this.changeorderinfo.address_city = this.city_z
        this.changeorderinfo.address_district = this.district_z
      },
      //地区编码转文字
      changeCodeToText(code){
          return CodeToText[code]
      },
      //修改订单
      upeditorder(type){
        this.changeorderinfo.is_submit = type
        console.log(this.changeorderinfo)
        axios.post('/own/order/info/set',this.changeorderinfo).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message({
              type: 'success',
              message: '操作成功!'
            });
            this.isshoweditorder = false
            this.getlist()
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //修改照片
      upediteimg(){
        axios.post('/own/order/picture/set',{
          face_url:this.card_img_1,
          back_url:this.card_img_2,
          hand_url:this.card_img_3,
          order_id:this.checkimgitem.order_id,
        }).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message({
              type: 'success',
              message: '操作成功!'
            });
            this.isshoweditorder = false
            this.getlist()
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
        this.isshoweditimg = false
      },
      //查看照片
      checkimg(item){
        this.checkimgitem = item
        this.card_img_1 = item.face_url
        this.card_img_2 = item.back_url
        this.card_img_3 = item.hand_url
        this.isshoweditimg = true
        this.checkimgtype = 1
      },
      //监听修改名称
      checkchengname(){
        console.log(this.goods_name)
        if(this.goods_name!=''){
          this.disablesku = true
          this.spid = ''
        }else{
          this.disablesku = false
        }
      },
      //监听修改编码
      checkchengsku(){
        if(this.goods_sku!=''){
          this.disablename = true

        }else{
          this.disablename = false
          this.skucheckres = ''
          this.spid = ''
        }
      },
      //查看编码
      checkskures(){
        if(this.goods_sku!=''){
          axios.get('/own/page/list',{params:{fetch_code:this.goods_sku}}).then((response)=>{
            if (response.data.msg.code == 0) {
              console.log('查询商品列表')
              console.log(response)
              if(response.data.data.data.length==0){
                this.skucheckres = '未查询到结果'
                this.spid = ''
              }else{
                this.skucheckres = '商品名：'+response.data.data.data[0].title
                this.spid = response.data.data.data[0].id
              }
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
        }
      },
      //修改商品
      upeditseller(){
        if(this.goods_name==''&&this.goods_sku==''){
          this.$message.error('请输入正确信息');
          return
        }
        if(this.skucheckres=='未查询到结果'){
          this.$message.error('请输入正确信息');
          return
        }

        var goods_id = ''
        if(this.goods_name){
          goods_id = this.goods_name
        }else if(this.spid){
          goods_id = this.spid
        }

        axios.post('/own/order/goods/set',{
            goods_id:goods_id,
            id:this.checkimgitem.order_id
          }).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message({
              type: 'success',
              message: '操作成功!'
            });
            this.isshoweditseller = false
            this.getlist()
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //监听返回方法
      getimg1(item){
        this.card_img_1 = item
        console.log(item)
      },
      getimg2(item){
        this.card_img_2 = item
        console.log(item)
      },
      getimg3(item){
        this.card_img_3 = item
        console.log(item)
      },
      //解密
      jiemi(item,type){

        axios.post('/own/order/info/decrypt',{order_id:item.order_id}).then((response)=>{
          if (response.data.msg.code == 0) {
            console.log('解密')
            console.log(response)
            if(type==1){
              //列表
              this.$set(item,'id_card_name',response.data.data.id_card_name)
              this.$set(item,'id_card_num',response.data.data.id_card_num)
              this.$set(item,'address_name',response.data.data.address_name)
              this.$set(item,'address_mobile',response.data.data.address_mobile)
              this.$set(item,'address',response.data.data.address)
            }
            if(type==2){
              //修改
              this.changeorderinfo.address_name = response.data.data.address_name
              this.changeorderinfo.id_card_name = response.data.data.id_card_name
              this.changeorderinfo.id_card_num = response.data.data.id_card_num
              this.changeorderinfo.address_mobile = response.data.data.address_mobile
              this.changeorderinfo.address = response.data.data.address
            }

          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      //显示自定义省市区
      showzdy(){
        this.isshowzdyshq = true
      }
		}
	}
</script>

<style scoped>
/deep/.t_table_list_con .el-button{
  padding-top: 0;
  padding-bottom: 0;
}
/deep/.t_table_list_con .el-dropdown{
  margin-top: 0 !important;
}
/deep/.t_del_com .el-input__inner{
		border: none !important;
		background-color: white !important;
	}
  .t_list_tab_box{
    display: flex;
    justify-content: space-between;
     margin-top: 30px;
    align-items: center;
  }
  .t_choose_tab_box{
    display: flex;

  }
  .t_tab_title{
    color: #020C1D;
    display: flex;
    flex-direction:column;
    align-items: center;
    cursor: pointer;
  }
  .t_tab_title_lei{
    color: #005AFF;
  }
  .t_under_line{
    width: 30px;
    height: 2px;
    background-color: #F6F8FB;
    margin-top: 10px;
  }
  .t_under_line_lei{
    background-color: #005AFF;
  }
  .t_table_header_box{
    height: 60px;
    background-color: white;
    border-radius: 20px;
    display: flex;
    padding: 0 30px;
    align-items: center;
  }
  .t_table_header_box div{
    font-size: 14px;
    color: #404247;
  }
  .t_table_list_con{
    background-color: white;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .t_tab_w1{
    width: 12%;
  }
  .t_tab_w2{
    width: 13%;
  }
  .t_tab_w3{
    width: 25%;
  }
  .t_tab_w4{
    width: 17%;
  }
  .t_tab_w5{
    width: 11%;
  }
  .t_tab_w6{
    width: 17%;
  }
  .t_tab_w7{
    width: 5%;
  }
  .t_table_list_top{
    display: flex;
    box-sizing: border-box;
    border-bottom: 1px solid  #e3e8f1;
    padding: 20px 30px;
    font-size: 14px;
    color: #404247;
  }
  .t_table_list_con_con{
    font-size: 14px;
    box-sizing: border-box;
    padding: 20px 30px;
    display: flex;
  }
  .t_table_list_con_title{
    color: #787D85;
  }
  .t_item_info{
    margin-bottom: 20px;
  }
  .el-dropdown-link {
    cursor: pointer;
    color: #409EFF;
    font-weight: 500;
  }

  .el-icon-arrow-down {
    font-size: 12px;
  }
  .el-dropdown{
    margin-left:10px;
    margin-top: 10px;
  }
  /deep/.el-textarea.is-disabled .el-textarea__inner{
    border-radius: 20px;
  }
  .t_change_seller_title{
    margin-bottom: 13px;
    font-size: 16px;
  }
  .t_photo_top{
    display: flex;
    justify-content: space-between;
  }
  .t_img_list_box{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }
  .t_img_box{
    width: 380px;
    height: 230px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #F6F8FB;
    position: relative;
    cursor: pointer;
  }
  .t_img_item{
    text-align: center;
  }
  .t_img_tips{
    color: #787D85;
    font-size: 16px;
    margin-top: 15px;
  }
  .t_add_img{
    color: #005AFF;
    font-size: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
  }
  .t_check_old_img{
    width:380px;
    height: 230px;
    border-radius: 10px;
  }
</style>
<style scoped lang="less">
  .gongyingshangshangpin{
    .sxjact{background: rgb(0, 90, 255); border-radius:30px; font-size: 24px; text-align: center; font-weight: 500; color: rgb(255, 255, 255); width: 150px; height: 60px; margin-right: 30px; }
    .sxj{background: rgb(227, 232, 241); border-radius:30px; font-size: 24px; text-align: center; font-weight: 500; color: rgb(175, 179, 188); width: 150px; height: 60px; margin-right: 30px; }
    .xt{width: 72px;height: 26px; margin-right: 10px; border-radius: 5px; font-size: 12px;}
    .lj{width: 100px; height: 32px; color: rgb(64, 66, 71); background: rgb(227, 232, 241); border-radius: 16px; margin-right: 20px; font-size: 14px; cursor: pointer;}
    .ljact{width: 100px; height: 32px; color: rgb(0, 90, 255); background: rgb(228, 237, 255); border-radius: 16px; margin-right: 20px; font-size: 14px; cursor: pointer;}
    .bushi3{ margin-right: 20px;}
    .act{ background: rgb(0, 90, 255) !important; color: #fff !important;}
  }

</style>
